.TestTempA01 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;

		&.Top {
			margin-bottom: 16px;
		}

		& > div {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;

				&.box {
					flex: 1;
				}
			}
		}

		&.Top > .left {
			flex: 586;
			margin-right: 16px;

			& > .box {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				padding: 0 24px;

				& > div:first-child {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 24px;
					position: relative;
					z-index: 1;
					padding: 0 16px;

					&::after {
						position: absolute;
						content: "";
						left: 0;
						bottom: -8px;
						width: 100%;
						height: 16px;
						background: linear-gradient(
							90deg,
							rgba(86, 255, 238, 0.2),
							rgba(86, 255, 238, 0)
						);
					}

					& > div:first-child {
						font-family: MicrosoftYaHei;
						font-size: 16px;
						color: #adeeba;
					}

					& > div:last-child {
						font-family: MicrosoftYaHei, MicrosoftYaHei;
						font-weight: bold;
						font-size: 28px;
						color: #ffffff;
						line-height: 28px;
						height: 28px;

						& > span {
							font-family: MicrosoftYaHei;
							font-size: 16px;
							color: #adeeba;
						}
					}
				}

				& > div:last-child {
					width: 100%;
					height: 160px;
					display: flex;
					align-items: center;
					justify-content: space-evenly;
					border-radius: 24px;
					border: 2px solid rgba(174, 226, 255, 0.2);

					& > div:last-child {
						display: flex;
						align-items: flex-start;
						justify-content: space-around;
						flex-direction: column;
						height: 100%;

						& > div {
							& > div:first-child {
								font-family: YouSheBiaoTiHei;
								font-size: 18px;
							}

							& > div:last-child {
								font-family: MicrosoftYaHei, MicrosoftYaHei;
								font-weight: bold;
								font-size: 28px;
								color: #ffffff;
							}
						}
					}
				}
			}
		}

		&.Top > .right {
			flex: 833;
		}

		&.Btm > .left {
			flex: 1024;
			margin-right: 16px;

			& > .box {
				& > .nav {
					display: flex;
					align-items: center;
					justify-content: flex-start;

					& > div {
						background: rgba(13, 50, 89, 1);
						font-family: MicrosoftYaHei;
						font-size: 14px;
						color: #ffffff;
						padding: 8px 32px;

						&.active {
							background: linear-gradient(
								180deg,
								rgba(185, 30, 0, 1),
								rgba(255, 190, 98, 1)
							);
						}
					}
				}
			}
		}

		&.Btm > .right {
			flex: 300;

			& > .box {
				display: flex;
				align-items: center;
				justify-content: space-around;
				flex-direction: column;

				& > .list {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 40%;
					background: rgba(36, 196, 255, 0.1);

					& > div:first-child {
						width: 104px;
						height: 89px;
						position: relative;
						z-index: 1;
						margin-right: 24px;

						& > img:first-child {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							z-index: 1;
							display: block;
						}

						& > img:last-child {
							position: absolute;
							left: 21px;
							top: 0;
							width: 62px;
							height: 33px;
							object-fit: contain;
							z-index: 2;
							display: block;
						}
					}

					& > div:last-child {
						display: flex;
						align-items: flex-start;
						justify-content: center;
						flex-direction: column;

						& > div:first-child {
							font-family: MicrosoftYaHei, MicrosoftYaHei;
							font-weight: bold;
							font-size: 18px;
							color: #cafcff;
							margin-bottom: 8px;
						}

						& > div:last-child {
							position: relative;
							z-index: 1;
							display: flex;
							align-items: center;
							justify-content: center;

							& > div:first-child {
								font-family: YouSheBiaoTiHei;
								width: 78px;
								font-size: 44px;
								color: #cafcff;
								line-height: 22px;
								text-shadow: 3px 4px 2px #18528d;
								margin-right: 8px;

								& > img {
									position: absolute;
									left: -16px;
									bottom: -12px;
									width: 114px;
									height: 32px;
									z-index: -1;
									display: block;
								}
							}

							& > div:last-child {
								font-family: MicrosoftYaHei, MicrosoftYaHei;
								font-weight: bold;
								font-size: 18px;
								color: #cafcff;
							}
						}
					}
				}
			}
		}
	}
}
